<template>
	<view class="BJse">
		<view class="w328">
			<!-- 取餐正确 -->
			<view class="w90" style="margin-top: 40rpx;">
				<view class="fs15" style="font-weight: 700;text-align: center;">取餐正确</view>
				<!-- 联系方式 -->
				<view class="fs12" style="margin-top: 56rpx; border-bottom: 1rpx solid #F5F5F5;">
					<view class="fs13" style="font-weight: 700;">李先生 
						<text class="fs12" style="margin-left: 8rpx;color: #888888;">158****7856</text>
					</view>
					<view style="padding: 8rpx 0;color: #888888;">山东省青岛市锦江区玉林路某小区A区15栋</view>
				</view>
				<!-- 商品列表 -->
				<view class="fs13">
					<view style="margin-top: 40rpx;font-weight: 700;">商品列表</view>
					<view class="goodslist">
						<view class="goods" v-for="item in 10" :class="item==1?'left0':''">
							<image src="../../../static/28a3b451f81986184a86281a4aed2e7389d4e6a0.jpg" mode=""></image>
							<view style="color: #333333;">赣南脐橙</view>
							<view class="fs11" style="color: #B8B8B8;">规格: 2斤</view>
							<view class="fs12" style="color: #B8B8B8;">×2</view>
						</view>
					</view>
				</view>
				<!-- 确认配送 -->
				<view class="QDpeisong fs12">
					确认配送
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.BJse{
		width: 100vw;
		height: 100vh;
		background: rgba(0,0,0,0.6);
	}
.w328{
	width: 656rpx;
	height: 670rpx;
	border-radius: 26rpx;
	background: #FFFFFF;
	position: absolute;
	top: 320rpx;
	left: 50%;
	transform: translateX(-50%);
}
.w90{
	width: 90%;
	margin: 0 auto;
}
.goodslist{
	width: 100%;
	display: flex;
	overflow: scroll;
}
.left0{
	margin-left: 0!important;
}
.goods{
	margin-top: 18rpx;
	margin-left: 34rpx;
}
.goods>image{
	width: 108rpx;
	height: 108rpx;
}
.QDpeisong{
	width: 322rpx;
	height: 64rpx;
	text-align: center;
	line-height: 64rpx;
	color: #FFFFFF;
	background: #24BC81;
	margin: 30rpx auto;
}
</style>
